iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 3
0
自我挑戰組

JavaScript學習日誌系列 第 3

學習日誌03-變數

  • 分享至 

  • xImage
  •  

變數

變數是常見資料型別,基本分為下列 :

  • 數字 任何的數字,包含小數點 ex. 1、2、5、10、35
  • 字串 一串被""、''包起來的數字或文字 ex. "Hello world!!"
  • 布林值 只會用來判斷成不成立 ex. true、false
    課程用道路號誌很生活化的例子來說變數三種數值
    https://ithelp.ithome.com.tw/upload/images/20190918/20121004KxrWeMhvUl.jpg

設定變數首先要用 var 宣告,後面自創變數名稱

var myName = "古德瑞";
var myNumber = 27;
var myBoolean = true;

變數number加減乘除運用

var fish = 50;
var shrimp = 5;
var total = fish * 2 +   shrimp * 7;
document.getElementById('input').textContent = total;

https://ithelp.ithome.com.tw/upload/images/20190918/2012100453YxJK7f20.jpg!

變數字串應用

var lastName = "古德";
var firstName = "瑞";
var myName = lastName + firstName;
document.getElementById("lastName").textContent = lastName;
document.getElementById("firstName").textContent = firstName;
document.getElementById("myName").textContent = myName;

https://ithelp.ithome.com.tw/upload/images/20190918/20121004o0o92CXeiT.jpg

如何輸出內容

  • alert(變數名稱) : 會彈跳小視窗
  • console.lag(變數名稱) : 使用chrome裡console功能直接輸出

變數規則注意事項

  • 開頭不能用數字
  • 不能用 - 跟 .
  • 不能使用關鍵字
  • 大小寫有區分
  • 變數需有語意化

上一篇
學習日誌02-JS前世今生
下一篇
學習日誌04-函式1
系列文
JavaScript學習日誌30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言